﻿@charset "utf-8";

/*----------------------------------------------------
 elements
----------------------------------------------------*/
body {
    /*font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;*/
    line-height: 1.5;
    -webkit-text-size-adjust: none; /* フォントサイズ自動調整 */
    height: 100%;
}

/* a {-webkit-tap-highlight-color: rgba(200,200,555,.6);} */
a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

img {
    vertical-align: top;
}



#pageEnd:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0;
}

/* breadcrumbs reset */

#breadcrumbs {
    padding-top: 10px;
}

    #breadcrumbs ol {
        height: auto;
        background: none;
    }

    #breadcrumbs li {
        float: left;
        padding: 0;
        line-height: auto;
        background: none;
    }

    #breadcrumbs a {
        text-decoration: none;
        background: none;
    }

        #breadcrumbs a:hover {
            background: none;
        }


    /* breadcrumbs back */
    #breadcrumbs a {
        display: block;
        cursor: pointer;
        font-size: 11px;
        line-height: 24px;
        height: 24px;
        -webkit-box-sizing: border-box;
        -webkit-border-radius: 5px;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#666), color-stop(0.5, #555), color-stop(0.5, #222), to(#222));
        color: #fff;
        -webkit-tap-highlight-color: transparent;
        -webkit-user-select: none;
        padding: 0px 5px 0px 7px;
        margin-left: 12px;
        position: relative;
    }

        #breadcrumbs a:hover {
            background-image: -webkit-gradient(linear, left top, left bottom, from(#4286f5), color-stop(0.5, #4286f5), color-stop(0.5, #194fdb), to(#194fdb));
            -webkit-tap-highlight-color: transparent;
        }
        /* End Bordered Button Styles */


        #breadcrumbs a:before {
            content: " ";
            display: block;
            z-index: -1;
            background-image: -webkit-gradient(linear, left top, right bottom, from(#666), color-stop(0.5, #555), color-stop(0.5, #222), to(#222));
            -webkit-border-radius: 3px;
            height: 18px;
            width: 18px;
            display: inline-block;
            -webkit-transform: rotate(45deg);
            position: absolute;
            left: -6.5px;
            top: 3px;
            -webkit-background-clip: content;
        }

        #breadcrumbs a:hover:before {
            background-image: -webkit-gradient(linear, left top, right bottom, from(#7d88a5), color-stop(0.3, #58698c), color-stop(0.51, #3a4e78), color-stop(0.51, #253c6a), color-stop(0.75, #273f6d), to(#273f6d));
        }

#showSearch {
    display: none;
    background: #f5f2e9 url(//www.muji.net/cache/img/store/common/sheaderinputbg.gif) no-repeat 12px 10px;
    border-radius: 0 0 5px 5px;
    border: 0;
    position: absolute;
    right: 10px;
    top: 0;
    height: 36px;
    width: 36px;
    border: solid #ddd7c7;
    border-width: 0 1px 1px;
}

#mobileDirectOrder {
    display: none;
}


/*----------------------------------------------------
 layout
----------------------------------------------------*/

#storeHeader,
#storeHeaderWrap,
.content,
#footer,
#footerWrap {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
}

#breadcrumbs a span {
    max-width: 230px;
}


/*----------------------------------------------------
landscape
----------------------------------------------------*/
@media all and (orientation:landscape) {
    #header,
    #headerWrap,
    #storeHeader,
    #storeHeaderWrap,
    #globalNav,
    .content,
    #footer,
    #footerWrap {
        width: 100%;
    }

    #headerWrap,
    #storeHeaderWrap {
        min-width: 100%;
    }

    #breadcrumbs a span {
        max-width: 390px;
    }
}

/*----------------------------------------------------
 header
----------------------------------------------------*/
#siteName {
    font-size: 0;
    margin: 0 auto;
    float: none;
    padding: 0;
    text-align: center;
    line-height: 1;
    position: relative;
    width: 48%;
}


    #siteName span {
        width: 100%;
        height: 40px;
        padding: 25px;
        background: url("//www.muji.com/img/logo_muji_b.png") no-repeat center center;
        background-size: auto 18px;
        -webkit-background-size: auto 18px;
        display: inline-block;
        box-sizing: border-box;
    }

        #siteName span:after {
            margin: 0;
            content: " ";
            display: inline-block;
            width: 9px;
            height: 9px;
            background: url(//www.muji.com/img/common/menu-arrow_down.png);
            background-size: contain;
            position: absolute;
            right: 0;
            top: 20px;
        }

        #siteName span.active:after {
            margin: 0;
            content: " ";
            display: inline-block;
            width: 9px;
            height: 9px;
            background: url(//www.muji.com/img/common/menu-arrow_up.png);
            background-size: contain;
            position: absolute;
            right: 0;
            top: 18px;
        }

#globalNavBtn {
    position: absolute;
    top: 0;
    left: 0;
}

    #globalNavBtn span {
        width: 20px;
        height: 20px;
        padding: 25px;
        background: url("//www.muji.com/img/menu_b.png") no-repeat center center;
        background-size: auto 14px;
        -webkit-background-size: auto 14px;
        display: inline-block;
        text-indent: -9999px;
        cursor: pointer;
        box-sizing: border-box;
    }

    #globalNavBtn.active span {
        background: url("//www.muji.net/cache/m/img/header_setting_on.png") no-repeat 0 0;
        background-size: 49px 33px;
    }


/*----------------------------------------------------
 storeHeader
----------------------------------------------------*/

ul#shStoreNav li { /* float: left; */
    line-height: 13px;
}

    ul#shStoreNav li a {
        padding: 10px;
        display: block;
    }

#headerbar .shNotification {
    position: absolute;
    left: 50px;
    top: 0;
    display: inline-block;
}

    #headerbar .shNotification .shNotificationHeading {
        display: block;
    }

        #headerbar .shNotification .shNotificationHeading .heading {
            background: url(//www.muji.net/img/notification/icon_notification.png) no-repeat center center;
            text-indent: -9999px;
            display: block;
            width: 20px;
            height: 40px;
            background-size: auto 21px;
            -webkit-background-size: auto 21px;
            opacity: .9;
            cursor: pointer;
            padding: 25px 15px;
            box-sizing: border-box;
        }

    #headerbar .shNotification .count {
        top: 8px;
        right: 5px;
        color: #f00;
        background-color: #f00;
        position: absolute;
        border-radius: 50%;
        line-height: 1;
        font-size: 1px;
        height: 6px;
        width: 6px;
        vertical-align: middle;
        text-indent: -9999px;
    }

#headerbar #headerAvater {
    display: none;
}

#headerCartBox {
    position: absolute;
    right: 0px;
    top: 0;
    margin-right: 0;
}

    #headerCartBox a {
        text-decoration: none;
        color: #333;
        display: block;
        border: 0;
        padding: 0;
        overflow: visible;
    }

    #headerCartBox #cTitle,
    #headerCartBox #cPriceArea {
        display: none;
    }

#storeHeaderWrap,
#storeHeader {
    overflow: visible;
}

#cButton {
    top: 0;
    left: 0;
    position: relative;
    display: block;
    background: url(//www.muji.com/img/common/cart.png) no-repeat center center;
    background-size: auto 20px;
    -webkit-background-size: auto 20px;
    text-indent: -9999px;
    width: 20px;
    height: 40px;
    padding: 25px;
    box-sizing: border-box;
}

#productQuantity {
    top: 8px;
    right: 8px;
    color: #f00;
    background-color: #f00;
    display: none;
    position: absolute;
    border-radius: 50%;
    line-height: 1;
    font-size: 1px;
    height: 6px;
    width: 6px;
    vertical-align: middle;
    text-indent: -9999px;
}

/*.wrapAroundBanner {display: none;}*/
#sideNav {
    display: none;
}

#headerSearchMenu span {
    display: block;
    text-indent: -9999px;
    background: url(//www.muji.com/img/icon_search_b.png) no-repeat center center;
    width: 20px;
    height: 40px;
    -webkit-background-size: auto 20px;
    background-size: auto 20px;
    position: absolute;
    top: 0;
    right: 50px;
    padding: 25px 15px;
    margin: 0;
    line-height: 1;
    outline: none;
    cursor: pointer;
    box-sizing: border-box;
}

#hGuideLink {
    display: none;
}


/* slideMenu */
#sideMenuHistory {
    clear: both;
    border: 0;
    padding: 0;
    margin-bottom: 20px;
    position: relative;
    padding: 15px
}

    #sideMenuHistory h2 {
        font-size: 13px;
        font-weight: normal;
        border: 0;
    }

    #sideMenuHistory .itemList {
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
        font-size: 14px;
    }

    #sideMenuHistory ul {
        white-space: nowrap;
        padding: 0 10px;
    }

    #sideMenuHistory li {
        margin: 0 5px 0;
    }

.slideMenu h3:hover,
.slideMenu .snStoretop a:hover {
    background: #444;
}

.slideMenu ul ul li a:hover {
    background: #333;
}

#breadcrumbs {
    margin: 0 5px;
}

    #breadcrumbs ol {
        background: none;
    }

    #breadcrumbs .current {
        display: none;
    }

    #breadcrumbs ol li:nth-last-child(1n+3) {
        display: none;
    }

    #breadcrumbs a span {
        display: block;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

#showSearch {
    background: #f5f2e9 url(//www.muji.net/cache/img/store/common/sheaderinputbg.gif) no-repeat 12px 10px;
    border-radius: 0 0 5px 5px;
    border: 0;
    position: absolute;
    right: 10px;
    top: 0;
    height: 36px;
    width: 36px;
    border: solid #ddd7c7;
    border-width: 0 1px 1px;
}

.slideMenu #headerSearch {
    padding: 20px 15px;
    margin-top: 20px;
}

    .slideMenu #headerSearch input[type="search"] {
        background: none;
        border: solid #999;
        border-width: 0 0 1px;
        border-radius: 0;
        -webkit-appearance: none;
        width: 100%;
        background: url(//www.muji.com/img/icon_search_w.png) no-repeat left center;
        color: #fff;
        background-size: 15px 16px;
        min-height: 28px;
        padding-left: 8%;
        font-size: 16px;
        scale(0.8);
        :: -webkit-input-placeholder
    }

{
    color: #333
}

;
::-moz-placeholder {
    color: #333
}

;
:-moz-placeholder {
    color: #333
}

;
:-ms-input-placeholder {
    color: #333
}

;
}

.slideMenu #headerSearch inputt[type="search"]:focus {
    background-color: transparent;
    outline: 0;
}

.slideMenu div#sCategory {
    padding: 0;
    margin-bottom: 10px;
}

.slideMenu #sCategory select#scat {
    color: #fff;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="6"><line x1="0" y1="0" x2="6" y2="6" stroke="white" stroke-width="1"/><line x1="6" y1="6" x2="12" y2="0" stroke="white" stroke-width="1"/></svg>') no-repeat right center;
}

#hSearch #headerSearch #sKeyword {
    padding: 20px 30% 30px 10%;
    position: relative;
}

    #hSearch #headerSearch #sKeyword input[type="search"] {
        background: none;
        border: solid #ccc;
        border-width: 0 0 1px;
        border-radius: 0;
        -webkit-appearance: none;
        width: 100%;
        min-height: 28px;
        padding-left: 0;
        font-size: 16px;
        scale(0.8);
        -webkit-input-placeholder
    }

{
    color: #333
}

;
::-moz-placeholder {
    color: #333
}

;
:-moz-placeholder {
    color: #333
}

;
:-ms-input-placeholder {
    color: #333
}

;
}

#hSearch #headerSearch #sKeyword input[type="search"]:focus {
    background-color: transparent;
}

#hSearch #filter {
    display: none;
}

#sCategory {
    padding: 40px 10% 0;
}

    #sCategory select#scat {
        background: none;
        font-size: 16px;
        scale(0.8);
        border: 0;
        /* removes default appearance of select */
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding: 0 1.2em 0 0;
        margin-right: 5px;
        border-radius: 0;
        background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="6"><line x1="0" y1="0" x2="6" y2="6" stroke="black" stroke-width="1"/><line x1="6" y1="6" x2="12" y2="0" stroke="black" stroke-width="1"/></svg>') no-repeat right center;
    }

#sSubmit {
    display: none;
}

#headerWrap #sSubmit {
    display: block;
    position: absolute;
    right: 10%;
    bottom: 30px;
}

#header #sSubmit a {
    display: inline-block;
}

#header #sSubmit a {
    display: block;
    width: 40px;
    height: auto;
    border-radius: 3px;
    background: #ccc;
    padding: 10px 15px;
    color: #fff;
    font-size: 14px;
    text-align: center;
}

    #header #sSubmit a:link {
        color: #fff;
        text-decoration: none;
        font-size: 14px;
    }

    #header #sSubmit a:hover {
        background: #999;
    }

#header #hSearch #headerSearch #sKeyword input[type="search"] {
    border: 1px solid #ddd;
    border-radius: 3px;
    height: 42px;
}


/*----------------------------------------------------
 main
----------------------------------------------------*/

#main {
    width: auto;
    margin: 10px 0 0;
    min-height: auto;
}

body #main h1 {
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px;
    margin: 0;
    text-indent: 0;
    border-bottom: 0;
    background: none;
    text-indent: 0;
}

.mobileOnly {
    display: block;
}

.pcOnly {
    display: none;
}

/*----------------------------------------------------
 STORETOP
----------------------------------------------------*/

body#storeTop #mobileDirectOrder {
    margin-left: 10px;
    background: url(//www.muji.net/cache/m/img/arrow.png) no-repeat 127px center;
    -webkit-background-size: 10px 13px;
}

body#storeTop #mobileMaintenance a {
    display: block;
    text-align: center;
    color: #333;
    background: #eee;
    padding: 5px 0;
    margin-bottom: 0;
    width: auto;
    border-bottom: 1px solid #ddd;
}

body#storeTop .content #main {
    margin-top: 10px;
}

body#storeTop #main h2 {
    font-size: 10px;
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#555));
    color: #fff;
    text-indent: 0;
    border-bottom: 1px solid #eee;
    padding: 5px;
    margin-bottom: 0;
}

    body#storeTop #main h2 b {
        font-size: 14px;
        margin-right: 5px;
    }

body#storeTop #mobileCampaign {
    margin-top: 30px;
}

.simpleNav {
    margin: 10px auto;
    text-align: center;
}

    .simpleNav ul {
        display: inline-block;
    }

        .simpleNav ul:after {
            content: " ";
            display: block;
            visibility: hidden;
            clear: both;
            height: 0.1px;
            font-size: 0.1em;
            line-height: 0;
        }

    .simpleNav li {
        float: left;
        margin-right: 5px;
    }

    .simpleNav a {
        text-indent: -9999px;
        display: block;
        width: 12px;
        height: 12px;
        background: url(//www.muji.net/m/img/simplenav.png) no-repeat -1px -1px;
    }

    .simpleNav .current a {
        background-position: -1px -31px;
    }

body#storeTop #mobileCampaign1 {
    clear: both;
    padding: 5px 5px 0;
}

    body#storeTop #mobileCampaign1 .list ul {
        letter-spacing: -.40em;
    }

    body#storeTop #mobileCampaign1 .list li {
        display: none;
    }

        body#storeTop #mobileCampaign1 .list li.current {
            display: inline-block;
            width: 200px;
            margin: 0 5px;
            vertical-align: top;
            letter-spacing: normal;
            text-align: center;
        }

    body#storeTop #mobileCampaign1 .list img {
        width: 260px;
        margin-bottom: 5px;
        float: none;
    }

    body#storeTop #mobileCampaign1 .list a {
        text-decoration: none;
    }

    body#storeTop #mobileCampaign1 .list span {
        display: block;
        width: 270px;
        text-align: left;
        margin: auto
    }

    body#storeTop #mobileCampaign1 .title {
        font-weight: bold;
    }

    body#storeTop #mobileCampaign1 .btn {
        width: 20px;
        font-size: 10px;
        margin-top: 80px;
    }

        body#storeTop #mobileCampaign1 .btn a {
            border-radius: 12px;
        }

    body#storeTop #mobileCampaign1 .prev {
        float: left;
        margin-right: 5px;
    }

    body#storeTop #mobileCampaign1 .next {
        float: right;
    }

    body#storeTop #mobileCampaign1 .disabled a {
        background: #ccc;
        cursor: default;
    }


body#storeTop #mobileCampaign2 {
    margin: 10px 0 0;
}

    body#storeTop #mobileCampaign2 ul {
        border-top: 1px solid #eee;
    }

    body#storeTop #mobileCampaign2 li {
        display: inline-block;
        margin: 0;
        width: 159px;
        border-top: 0;
        padding-top: 0;
        border-bottom: 1px solid #eee;
        border-right: 1px solid #eee;
    }

        body#storeTop #mobileCampaign2 li a {
            position: relative;
            display: block;
            padding: 20px 15px 20px 60px;
        }

        body#storeTop #mobileCampaign2 li#mobileNewItem a {
            background: url(//www.muji.net/cache/m/img/arrow.png) no-repeat 95% center, url('//www.muji.net/cache/m/img/thumb_new.png') no-repeat 10px center;
            -webkit-background-size: 10px 13px, auto;
        }

        body#storeTop #mobileCampaign2 li#mobileResaleItem a {
            background: url(//www.muji.net/cache/m/img/arrow.png) no-repeat 95% center, url('//www.muji.net/cache/m/img/thumb_reconsider.png') no-repeat 10px center;
            -webkit-background-size: 10px 13px, auto;
        }

body#storeTop .more {
    margin-bottom: 30px;
}

    body#storeTop .more a {
        display: block;
        text-align: center;
        padding: 10px 5px;
        background: url(//www.muji.net/cache/m/img/arrow.png) no-repeat 95% center #efefef;
        -webkit-background-size: 10px 13px;
    }

body#storeTop #mobileCategoryList h2 {
    border-bottom: 0;
}

body#storeTop #mobileCategoryList {
    margin: 0 0 30px;
}

    body#storeTop #mobileCategoryList ul {
        border-top: 1px solid #eee;
    }

    body#storeTop #mobileCategoryList li h3 {
        border-bottom: 1px solid #eee;
        position: relative;
        display: block;
        padding: 20px 15px 20px 45px;
        margin: 0;
        -webkit-background-size: 13px 10px, auto, auto;
    }

    body#storeTop #mobileCategoryList li.D00001 h3.categoryClose {
        background: url(/cache/m/img/arrow_down.png) no-repeat 95% center, url(//www.muji.net/cache/m/img/icon_sidenav.png) no-repeat 10px 22px, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
    }

    body#storeTop #mobileCategoryList li.D00002 h3.categoryClose {
        background: url(/cache/m/img/arrow_down.png) no-repeat 95% center, url(//www.muji.net/cache/m/img/icon_sidenav.png) no-repeat 10px -28px, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
    }

    body#storeTop #mobileCategoryList li.D00003 h3.categoryClose {
        background: url(/cache/m/img/arrow_down.png) no-repeat 95% center, url(//www.muji.net/cache/m/img/icon_sidenav.png) no-repeat 10px -74px, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
    }

    body#storeTop #mobileCategoryList li.D00004 h3.categoryClose {
        background: url(/cache/m/img/arrow_down.png) no-repeat 95% center, url(//www.muji.net/cache/m/img/icon_sidenav.png) no-repeat 10px -230px, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
    }

    body#storeTop #mobileCategoryList li.D00005 h3.categoryClose {
        background: url(/cache/m/img/arrow_down.png) no-repeat 95% center, url(//www.muji.net/cache/m/img/icon_sidenav.png) no-repeat 10px -125px, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
    }

    body#storeTop #mobileCategoryList li.D00006 h3.categoryClose {
        background: url(/cache/m/img/arrow_down.png) no-repeat 95% center, url(//www.muji.net/cache/m/img/icon_sidenav.png) no-repeat 10px -179px, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
    }

    body#storeTop #mobileCategoryList li.D00001 h3.categoryOpen {
        background: url(/cache/m/img/arrow_up.png) no-repeat 95% center, url(//www.muji.net/cache/m/img/icon_sidenav.png) no-repeat 10px 22px, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
    }

    body#storeTop #mobileCategoryList li.D00002 h3.categoryOpen {
        background: url(/cache/m/img/arrow_up.png) no-repeat 95% center, url(//www.muji.net/cache/m/img/icon_sidenav.png) no-repeat 10px -28px, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
    }

    body#storeTop #mobileCategoryList li.D00003 h3.categoryOpen {
        background: url(/cache/m/img/arrow_up.png) no-repeat 95% center, url(//www.muji.net/cache/m/img/icon_sidenav.png) no-repeat 10px -74px, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
    }

    body#storeTop #mobileCategoryList li.D00004 h3.categoryOpen {
        background: url(/cache/m/img/arrow_up.png) no-repeat 95% center, url(//www.muji.net/cache/m/img/icon_sidenav.png) no-repeat 10px -230px, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
    }

    body#storeTop #mobileCategoryList li.D00005 h3.categoryOpen {
        background: url(/cache/m/img/arrow_up.png) no-repeat 95% center, url(//www.muji.net/cache/m/img/icon_sidenav.png) no-repeat 10px -125px, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
    }

    body#storeTop #mobileCategoryList li.D00006 h3.categoryOpen {
        background: url(/cache/m/img/arrow_up.png) no-repeat 95% center, url(//www.muji.net/cache/m/img/icon_sidenav.png) no-repeat 10px -179px, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
    }


    body#storeTop #mobileCategoryList li ul li a {
        display: block;
        padding: 20px 10px 20px 45px;
        border-bottom: 1px solid #ddd;
        font-size: 12px;
        margin-bottom: 0;
        background: url(//www.muji.net/cache/m/img/arrow.png) 95% center no-repeat #f5f5f5;
        -webkit-background-size: 10px 13px;
    }


body#storeTop #mobileValuePrice h2 {
    border-bottom: 0;
}

body#storeTop #mobileValuePrice {
    margin: 0 0 30px;
}

    body#storeTop #mobileValuePrice ul {
        border-top: 1px solid #eee;
    }

    body#storeTop #mobileValuePrice li a {
        border-bottom: 1px solid #eee;
        position: relative;
        display: block;
        padding: 20px 15px 20px 60px;
        margin: 0;
        -webkit-background-size: 10px 13px, auto, auto;
    }

    body#storeTop #mobileValuePrice li#factoryOutlet a {
        background: url(//www.muji.net/cache/m/img/arrow.png) no-repeat 95% center, url(/cache/m/img/thumb_fo.png) no-repeat 5px center, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
    }

    body#storeTop #mobileValuePrice li#wholeSale a {
        background: url(//www.muji.net/cache/m/img/arrow.png) no-repeat 95% center, url(/cache/m/img/thumb_wholesale.png) no-repeat 10px center, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
    }

    body#storeTop #mobileValuePrice li#reducedPrice a {
        background: url(//www.muji.net/cache/m/img/arrow.png) no-repeat 95% center, url(/cache/m/img/thumb_reducedprice.png) no-repeat 10px center, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
    }

    body#storeTop #mobileValuePrice li#trialDiscount a {
        background: url(//www.muji.net/cache/m/img/arrow.png) no-repeat 95% center, url(/cache/m/img/thumb_trialdiscount.png) no-repeat 10px center, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
    }

    body#storeTop #mobileValuePrice li#combination a {
        background: url(//www.muji.net/cache/m/img/arrow.png) no-repeat 95% center, url(/cache/m/img/thumb_combination.png) no-repeat 10px center, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
    }

body#storeTop #mobileRecommend {
    margin-bottom: 30px;
}

    body#storeTop #mobileRecommend .label {
        display: inline-block;
        background: #999;
        padding: 2px;
        font-size: 10px;
        color: #fff;
        font-weight: bold;
        text-align: center;
        border-radius: 2px;
    }


body#storeTop #campaign,
body#storeTop .topMain,
body#storeTop aside,
body#storeTop #maintenance {
    display: none;
}


#mobileBanner {
    margin-bottom: 20px;
}

    #mobileBanner ul {
        letter-spacing: -.40em;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
    }

    #mobileBanner li {
        display: inline-block;
        width: 159px;
        vertical-align: top;
        letter-spacing: normal;
        border-bottom: 1px solid #eee;
        border-right: 1px solid #eee;
        margin-bottom: -1px;
    }

        #mobileBanner li a {
            display: block;
            padding: 5px;
            background: url(//www.muji.net/cache/m/img/arrow.png) no-repeat 95% center;
        }

    #mobileBanner a img {
        width: 149px;
    }


/*----------------------------------------------------
 SEARCH 
----------------------------------------------------*/

#snRefinement,
#snSiblingCategory {
    position: relative;
}

    #snRefinement h2,
    #snSiblingCategory h2,
    .controlBar h2 {
        font-size: 12px;
        font-weight: normal;
        text-align: center;
        color: #333;
        background: #ddd;
    }

    #snRefinement h2 {
        width: 100%;
        border-bottom: 1px solid #eee;
    }

    #snSiblingCategory h2 {
        width: 100%;
    }

    #snRefinement dl,
    #snSiblingCategory dl {
        display: none;
    }

#snRefinementItems,
#snSiblingCategoryItems,
#sortItems {
    border: solid #333;
    border-width: 3px;
    background: #f5eedd;
}

    #snRefinementItems dt,
    #snSiblingCategoryItems dt a,
    #sortItems dt {
        display: block;
        font-weight: bold;
        padding: 10px;
        background: #333;
        color: #fff;
    }

    #snRefinementItems dd a,
    #snSiblingCategoryItems dd a,
    #sortItems dd a,
    #sortItems dd span {
        display: block;
        padding: 5px;
        border-bottom: 1px solid #fff;
        font-size: 13px;
    }

    #snRefinementItems dd:last-child a,
    #snSiblingCategoryItems dd:last-child a,
    #sortItems dd:last-child a {
        border: 0;
    }

    #sortItems dd span {
        color: #666;
        background: #eeddcc;
    }

.controlBar {
    margin-top: 0;
    position: relative;
}

    .controlBar h2 {
        display: block;
        width: 70px;
        float: left;
        margin: 0;
        border-right: 1px solid #ddd;
        padding: 10px 0;
    }

        .controlBar h2 a {
            display: block;
            padding: 10px 0;
        }

    .controlBar #sortItems {
        display: none;
    }

    .controlBar .itemsParPage,
    .controlBar .viewSwitch {
        display: none;
    }

.pageNav {
    border-top: 1px solid #ddd;
}

.pageNumber {
    float: none;
    text-align: center;
}

.pageShift {
    float: none;
    text-align: center;
    padding-top: 0;
}

    .pageShift ul {
        display: inline-block;
    }

    .pageShift li {
        margin: 0 5px;
    }

        .pageShift li a, .pageShift li span {
            padding: 4px 10px;
        }

        .pageShift li.prev {
            padding: 4px 10px 4px 0;
        }

        .pageShift li.next {
            padding: 4px 0 4px 10px;
        }

#main .itemList {
    margin-bottom: 0;
}

    #main .itemList ul {
        margin: 10px 0 0;
        letter-spacing: normal;
    }

    #main .itemList li {
        display: block;
        text-align: left;
        width: auto;
        padding: 10px;
        vertical-align: top;
        position: relative;
        min-height: 70px;
        border-bottom: 1px solid #eee;
        background: url(//www.muji.net/cache/m/img/arrow.png) no-repeat 95% center, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
        -webkit-background-size: 10px 13px, auto;
    }

        #main .itemList li:last-child {
            border-bottom: 0;
        }

    #main .itemList a {
        display: inline;
        margin-bottom: 5px;
    }

    #main .itemList .thumb {
        margin: 0 5px 0 0;
        border-radius: 3px;
        display: block;
        background: #fff;
    }

        #main .itemList .thumb img {
            width: 100%;
            height: auto;
        }

    #main .itemList .name {
        margin-right: 5px;
        text-decoration: none;
    }

    #main .itemList .price {
        display: block;
        margin: 5px 0 10px;
        line-height: 1.2;
    }

    #main .itemList .info ul {
        margin-right: -3px;
        overflow: hidden;
    }

.newicon,
.stockicon {
    margin-bottom: 3px;
}

#main .itemList .info li {
    display: inline-block;
    padding: 1px 0 0;
    min-height: 0;
    margin: 0 5px 0 0;
    border: 1px solid #666;
    -webkit-box-shadow: none;
    background: none;
}

/*----------------------------------------------------
 CATEGORY TOP 
----------------------------------------------------*/

/*
body.browse #main #promotion,
body.categoryTop #main #promotion {display: none;}
*/

/* #promotion.single */
#promotion.single .itemList a {
    display: block;
    width: auto; /* padding: 10px 30px 10px 60px; min-height: 50px; */
}

#main #promotion.single .itemList .thumb {
    width: 70px;
    height: 70px;
}

#main #promotion.single .itemList li {
    padding: 5px 0;
    min-height: auto;
    display: none;
    background: url(//www.muji.net/cache/m/img/arrow.png) no-repeat 95% center;
    -webkit-background-size: 10px 13px, auto;
    min-height: 50px;
}

    #main #promotion.single .itemList li:first-child {
        display: block;
    }

.itemList .more {
    width: 100%;
    text-align: center;
    padding: 5px 0;
}

.catetop_itemlist #mobileCategoryList li ul li a {
    display: block;
    padding: 20px 10px 20px 45px;
    border-bottom: 1px solid #ddd;
    font-size: 12px;
    margin-bottom: 0;
    background: url(//www.muji.net/cache/m/img/arrow.png) 95% center no-repeat #f5f5f5;
    -webkit-background-size: 10px 13px;
}

#promotion.single .image {
    width: 100%;
    overflow: hidden;
    float: none;
    margin: 0;
}

    #promotion.single .image img {
        width: 100%;
        height: auto;
        margin-top: -25%;
        margin-bottom: -25%;
    }

#promotion.single .description {
    overflow: visible;
    padding: 10px;
}

    #promotion.single .description h1 {
        padding: 0;
    }

#promotion.single .relatedLink {
    margin-top: 10px;
}

#main section#promotion,
#main section#promotion.single {
    padding: 0;
}

#promotion.single .itemList .desc {
    width: 70%;
    display: inline-block;
}

body.categoryTop #main section .description h1 {
    background: none;
    color: #333;
    border: 0;
    margin-bottom: 5px;
    font-size: 14px;
}

#promotion.largeImage h1 img {
    width: 100%;
    height: auto;
}

section.description.mobileOnly {
    display: none;
}

/* subcategory */
#subCategory {
    border: 0;
    width: auto;
    margin: 10px 0 30px;
    padding: 0;
}

    #subCategory ul {
        margin-right: 0;
        margin-top: 0;
        letter-spacing: normal;
        border-top: 1px solid #eee;
    }

    #subCategory li {
        display: inline-block;
        margin: 0;
        width: 33.33%;
        border-top: 0;
        padding-top: 0;
        box-sizing: border-box;
        border-bottom: 1px solid #eee;
        border-right: 1px solid #eee;
    }

@media only screen and (max-width : 480px) {
    #subCategory li {
        width: 50%;
    }
}

#subCategory li a {
    position: relative;
    display: block;
    padding: 10px 15px 0px 60px;
    min-height: 60px;
    background: url(//www.muji.net/cache/m/img/arrow.png) no-repeat 95% center, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
    -webkit-background-size: 10px 13px, auto;
}

#subCategory ul li a .name {
    display: block;
    background: none;
    padding: 0;
}

#subCategory .img {
    display: block;
    position: absolute;
    top: 0;
    width: 55px;
    height: 60px;
    background-repeat: none;
    *z-index: -1;
}

body.categoryTop #subCategory .img1 {
    left: 0;
    width: 55px;
    background-position: 5px 10px;
    background-repeat: no-repeat;
    margin-left: 0;
}

#subCategory .img2 {
    left: 55px;
    display: none;
}

body.categoryTop #main section {
    border-top: 0;
    margin-bottom: 20px;
    padding: 0;
}

    body.categoryTop #main section h1 {
        font-size: 12px;
        background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#555));
        color: #fff;
        text-indent: 0;
        border-bottom: 1px solid #eee;
        padding: 5px; /* margin-bottom: 20px; */
    }

body.categoryTop #main .itemLst ul {
    margin-right: 0;
    margin-top: 0;
    border-top: 1px solid #eee;
}

body.categoryTop #faq {
    display: none;
}

.viewAll {
    padding: 0;
}

body.categoryTop .section .viewAll a {
    display: block;
    text-align: center;
    padding: 10px 5px;
    background: url(//www.muji.net/cache/m/img/arrow.png) no-repeat 95% center #efefef;
    -webkit-background-size: 10px 13px;
}

body.categoryTop .campaignList ul {
    margin-right: 0;
}

body.categoryTop .campaignList li {
    width: 33.33%;
    margin: 0;
    box-sizing: border-box;
    display: inline-block;
    padding: 10px;
    background-color: #FFF;
}

    body.categoryTop .campaignList li img {
        width: 100%;
        border: 1px solid #eee;
    }

@media only screen and (max-width : 480px) {
    body.categoryTop .campaignList li {
        width: 50%;
    }
}

/* bestSeller,trendNow,pickForYou */
body.categoryTop #bestSeller, body.categoryTop #trendNow, body.categoryTop #pickForYou {
    zoom: 1;
    display: block;
    margin-top: 25px;
}

    body.categoryTop #bestSeller:after, body.categoryTop #trendNow:after, body.categoryTop #pickForYou:after {
        content: '';
        clear: both;
        display: block;
    }

body.categoryTop #bestSeller, body.categoryTop #trendNow, body.categoryTop #pickForYou {
    clear: both;
    border: solid #ccc;
    border-width: 1px 0 0;
    padding: 5px 0 0;
}

    body.categoryTop #bestSeller .itemList ul, body.categoryTop #trendNow .itemList ul, body.categoryTop #pickForYou .itemList ul {
        letter-spacing: -.40em;
    }

    body.categoryTop #bestSeller .itemList li, body.categoryTop #trendNow .itemList li, body.categoryTop #pickForYou .itemList li {
        display: inline-block;
        width: 120px;
        margin: 0 5px;
        vertical-align: top;
        letter-spacing: normal;
        padding: 0;
        background: none;
        border: 0;
    }

    body.categoryTop #bestSeller .itemList a, body.categoryTop #trendNow .itemList a, body.categoryTop #pickForYou .itemList a {
        text-decoration: none;
    }

    body.categoryTop #bestSeller .itemList .thumb, body.categoryTop #trendNow .itemList .thumb, body.categoryTop #pickForYou .itemList .thumb {
        float: none;
        margin-right: 5px;
        position: static;
        text-align: center;
        display: block;
        width: auto;
    }

    body.categoryTop #bestSeller .itemList, body.categoryTop #trendNow .itemList, body.categoryTop #pickForYou .itemList {
        width: 120px;
        margin-left: 10px;
    }

        body.categoryTop #bestSeller .itemList .desc, body.categoryTop #trendNow .itemList .desc, body.categoryTop #pickForYou .itemList .desc {
            display: block;
            padding-left: 0;
        }

        body.categoryTop #bestSeller .itemList .name, body.categoryTop #trendNow .itemList .name, body.categoryTop #pickForYou .itemList .name {
            font-size: 12px;
            text-decoration: none;
        }

        body.categoryTop #bestSeller .itemList .price, body.categoryTop #trendNow .itemList .price, body.categoryTop #pickForYou .itemList .price {
            margin-top: 5px;
            display: block;
            color: #000;
            position: relative;
            z-index: 2;
        }

    body.categoryTop #bestSeller .thumb img, body.categoryTop #trendNow .thumb img, body.categoryTop #pickForYou .thumb img {
        width: 90px;
        height: 90px;
    }

    body.categoryTop #bestSeller .btn, body.categoryTop #trendNow .btn, body.categoryTop #pickForYou .btn {
        width: 20px;
        font-size: 10px;
        line-height: 60px;
    }

    body.categoryTop #bestSeller .disabled a, body.categoryTop #trendNow .disabled a, body.categoryTop #pickForYou .disabled a {
        background: #ccc;
        cursor: default;
    }

/* searchResultItems */
#main #searchResultItems {
    padding: 0 10px;
}

    #main #searchResultItems h2 {
        background: none;
        color: #191919;
    }

    #main #searchResultItems .itemList {
        margin-bottom: 10px;
    }

        #main #searchResultItems .itemList li {
            display: inline-block;
            width: 120px;
            margin: 0 5px;
            padding: 0;
            background: none;
            border: 0;
        }

        #main #searchResultItems .itemList .thumb {
            position: static;
            padding: 0;
            border-radius: 0;
            float: left;
            margin: 0 5px 0 0;
            display: inline;
        }

    #main #searchResultItems .thumb img {
        width: 40px;
        height: 40px;
    }

    #main #searchResultItems .itemList .name {
        margin-right: 0;
    }

    #main #searchResultItems .itemList .price {
        margin: 5px 0 0;
        line-height: auto;
    }

/* 仮  */
#T20023 #subCategory {
    border: 0;
    width: auto;
    margin: 10px 0 30px;
    padding: 0;
}

    #T20023 #subCategory ul {
        margin: 0;
        letter-spacing: normal;
    }

    #T20023 #subCategory li {
        display: inline-block;
        margin: 0;
        width: 159px;
        padding-top: 0;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
    }

        #T20023 #subCategory li a {
            position: relative;
            display: block;
            padding: 0;
            height: 80px;
            border: 0;
            background: url(//www.muji.net/cache/m/img/arrow.png) no-repeat 95% center, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
            -webkit-background-size: 10px 13px, auto;
        }

    #T20023 #subCategory .img1 {
        display: block;
        width: 140px;
        height: 80px;
        background-repeat: none;
        *z-index: -1;
        background-size: 140px 77px;
        position: absolute;
        top: -8px;
    }

#S2002301 h2 img, #S2002302 h2 img, #S2002303 h2 img, #S2002304 h2 img, #S2002305 h2 img, #S2002306 h2 img {
    width: 100%;
    height: auto;
}

body #main section.pdflist {
    margin: 0 0 15px 0;
    padding: 0;
}

    body #main section.pdflist li {
        background: none;
        padding: 0;
    }

        body #main section.pdflist li a {
            padding: 10px 15px 10px 20px;
            display: block;
        }

    body #main section.pdflist h1 {
        font-size: 13px;
        padding: 10px;
        font-weight: normal;
    }

        body #main section.pdflist h1.contentOpen {
            background: url(//www.muji.net/cache/m/img/arrow_up.png) no-repeat 95% center, #f7f7f7;
            -webkit-background-size: 13px 10px;
        }

        body #main section.pdflist h1.contentClose {
            background: url(//www.muji.net/cache/m/img/arrow_down.png) no-repeat 95% center, #f7f7f7;
            -webkit-background-size: 13px 10px;
        }

    body #main section.pdflist ul {
        display: none;
    }


/* directorder */
#directorder .focus {
    float: none;
    border: 0;
    width: 100%;
}

#directorder list1 tr:nth-child(n+10) {
    display: none;
}

#directorder p.lead {
    padding: 0 10px;
}

#directorder p.catalog {
    text-align: center;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 10px 0;
}

    #directorder p.catalog a {
        display: block;
        background: url(//www.muji.net/cache/m/img/arrow.png) no-repeat 95% center;
        -webkit-background-size: 10px 13px;
        padding: 10px 0;
    }

    #directorder p.catalog img {
        margin-right: 10px;
        vertical-align: middle;
    }

#directorder form#basketForm {
    width: 95%;
    padding: 0 10px;
}

/* recipe */
body#recipeTop article#main header h1 {
    display: block;
    width: 100%;
}

body#recipeTop #main {
    width: 100%;
}

body#recipeTop .pcOnly {
    display: none;
}

body#recipeTop #main header {
    width: 100%;
    ;
    height: 110px;
    background-size: 100% auto;
    background-position: center center;
    position: relative;
    padding: 0;
}

body#recipeTop article#main header h1#title img {
    width: 150px;
    height: auto;
    top: 70px;
    left: 10px;
}

body#recipeTop .recipeDetail ul {
    margin: 0 20px;
}

body#recipeTop .recipeDetail li {
    margin: 0 0 20px 0;
}

body#recipeTop .itemList {
    margin: 0;
    padding: 0;
}

    body#recipeTop .itemList .name,
    body#recipeTop .itemList .price {
        padding-left: 60px;
    }

body#recipeTop article#main .itemList ul {
    margin: 0;
    padding: 0;
}

body#recipeTop article#main .itemList li {
    width: 100%;
    margin: 0;
    padding: 0;
    min-height: 60px;
}

body#recipeTop .recipeDetail .itemList ul li {
    width: 100%;
    margin: 0;
    padding: 10px 0;
}

body#recipeTop .recipeDetail .itemList li a {
    display: block;
    padding: 10px 0;
}

body#recipeTop p.title {
    margin: 5px 0 5px 20px;
}

body#recipeTop .recipeDetail,
body#recipeTop nav.skipNav {
    display: none;
}

body#recipeTop p.lead {
    padding: 0 20px;
}

body#recipeTop #main > section {
    margin-bottom: 0;
}

body#recipeTop #main section h1 {
    display: block;
    margin: 0;
    padding: 20px 10px;
    border-top: 1px solid #ddd;
}

    body#recipeTop #main section h1.contentOpen {
        background: url(//www.muji.net/cache/m/img/arrow_down.png) 95% center no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
        -webkit-background-size: 13px 10px, auto;
    }

    body#recipeTop #main section h1.contentClose {
        background: url(//www.muji.net/cache/m/img/arrow_up.png) 95% center no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
        -webkit-background-size: 13px 10px, auto;
    }

body.recipe header h1#title,
body.recipe aside .print {
    display: none;
}

body.recipe #main {
    margin: 0 20px;
    border: 0;
}

body.recipe article figure {
    float: none;
}

body.recipe article#main figure img {
    width: 100%;
    height: auto;
}

body.recipe article#main h1 {
    margin-left: 0;
    padding-left: 0;
}

body.recipe #main h1.name,
body.recipe #ingredients h1 {
    margin-top: 20px;
}

body.recipe article #ingredients dd {
    padding-left: 40px;
}


/*----------------------------------------------------
 SUBCATEGORY
----------------------------------------------------*/

nav.sectionNav {
    margin-top: 10px;
    padding: 0 10px;
}

.pdflist {
    margin: 10px;
}

#main #loadContent .itemList .thumb img {
    width: 95px;
    height: 95px;
}

/*----------------------------------------------------
 cmdty
----------------------------------------------------*/

body#item #breadcrumbs ol li:nth-last-child(1n+2) {
    display: none;
}

#picture {
    float: none;
    width: auto;
    margin-bottom: 10px;
}

#mainPictures {
    height: 320px;
}

#mainPicture {
    text-align: center;
}

.mainImage {
    width: 320px;
    height: 320px;
}

#thumbnails {
    margin-right: -5px;
    margin-left: 10px;
    text-align: center;
}

    #thumbnails ul {
        text-align: left;
        display: inline-block;
        letter-spacing: -.40em;
    }

    #thumbnails li {
        float: none;
        display: inline-block;
        margin: 0 4px 4px 0;
        letter-spacing: normal;
    }

    #thumbnails img {
        width: 45px;
        height: 45px;
    }

#mainPicture:hover:after,
#enlargePictureWrap:hover:after {
    display: none;
}

#controlPanel {
    float: none;
    width: auto;
    margin-left: 10px;
    margin-right: 10px;
}

    #controlPanel #aboutShipping a,
    #controlPanel #shopStock a,
    #controlPanel #refundPolicy a,
    #controlPanel .incidentalServiceAbout {
        text-decoration: underline;
    }

    #controlPanel #banner li.bannerFreeShipping,
    #controlPanel #banner li.bannerTogether,
    #controlPanel #banner li.bannerMixMatch,
    #controlPanel #banner li.bannerLimited {
        background: url(//www.muji.net/cache/m/img/arrow_7f0019.png) no-repeat 95% center;
        width: 268px;
        -webkit-background-size: 10px 13px;
        background-color: #fff;
    }

        #controlPanel #banner li.bannerFreeShipping dl,
        #controlPanel #banner li.bannerTogether dl,
        #controlPanel #banner li.bannerMixMatch dl,
        #controlPanel #banner li.bannerLimited dl {
            width: 245px;
        }

    #controlPanel #manual {
        border-bottom: 1px solid #e8e8e8;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }

#sns {
    width: auto;
    float: none;
    margin: 15px 10px 0;
}

    #sns .share {
        width: auto;
    }

    #sns #myMUJI {
        width: auto;
    }

        #sns #myMUJI ul {
            width: 130px;
            float: left;
            margin-top: 2px;
        }

    #sns #wish, #sns #own {
        width: 136px;
        float: left;
        margin: 0 4px 4px;
    }

#detail .section {
    display: none;
}

#detail #incidental,
#detail #sizeList,
#detail #spec,
#detail #relatedItems,
#detail .important {
    display: block;
    margin-left: 10px;
    margin-right: 10px;
}

#detail #pictogram {
    margin-top: -12px;
    display: block;
    border-bottom: 0;
    padding-bottom: 0;
}

    #detail #pictogram div {
        display: inline-block;
        margin: 0;
        width: 159px;
        border-top: 1px solid #eee;
        padding-top: 0;
        border-bottom: 1px solid #eee;
        border-right: 1px solid #eee;
        float: left;
    }

        #detail #pictogram div a {
            background: url(//www.muji.net/cache/m/img/arrow.png) no-repeat 95% center;
            min-height: 50px;
            width: 159px;
            -webkit-background-size: 10px 13px;
            position: relative;
            display: table-cell;
            padding: 0 20px 0 10px;
            height: 50px;
            vertical-align: middle;
        }

    #detail #pictogram ul {
        zoom: 1;
        width: 100%;
        margin-left: 10px;
    }

        #detail #pictogram ul li {
            margin-bottom: 10px;
        }

        #detail #pictogram ul:after {
            content: " ";
            display: block;
            visibility: hidden;
            clear: both;
            height: 0.1px;
            font-size: 0.1em;
            line-height: 0;
        }

.subCol #manual ul {
    background: #f2f2f2;
}

.subCol #manual li {
    margin-bottom: 0;
}

    .subCol #manual li a {
        display: block;
        padding: 10px 10px 10px 28px;
        border-bottom: 1px solid #fff;
        background-position: 10px 10px;
    }

    .subCol #manual li:last-child a {
        border-bottom: 0;
    }

.subCol #manual p {
    margin: 10px;
}

#viewInPCmode {
    margin-bottom: 30px;
}

    #viewInPCmode a {
        display: block;
        text-align: center;
        padding: 10px 5px;
        background: url(//www.muji.net/cache/m/img/arrow.png) no-repeat 95% center #efefef;
        -webkit-background-size: 10px 13px;
    }

.mainCol {
    width: auto;
    float: none;
}

.subCol {
    width: auto;
    float: none;
}

#order .btn a {
    padding: 5px;
    font-size: 14px;
    width: 140px;
    text-align: center;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), color-stop(0.5, #333333), color-stop(0.5, #222222), to(#222222));
    border-radius: 5px;
}

li.reserve,
li.pickup,
li.valueSet {
    width: auto;
    padding: 2px 0px 2px 5px;
}

#priceTag .info li.reserve,
#priceTag .info li.pickup {
    padding: 1px 4px;
}

body#item #detail #incidental {
    margin: 0 10px;
}

body#item #sizeList table.horizontal {
    width: 100%;
}

    body#item #sizeList table.horizontal th,
    body#item #sizeList table.horizontal td {
        padding: 5px 0;
        font-size: 10px;
    }


#detail #relatedItems .itemList ul {
    margin: 0 -15px 0 0;
    letter-spacing: -.40em;
}

#detail #relatedItems .itemList li {
    display: inline-block;
    width: 120px;
    margin: 0 5px;
    padding: 0;
    vertical-align: top;
    letter-spacing: normal;
    position: static;
    min-height: auto;
    border-bottom: 0;
    background: none;
}

#detail #relatedItems .itemList a {
    display: block;
    margin-bottom: 5px;
}

#detail #relatedItems .itemList .name {
    margin-right: 0;
}

#detail #relatedItems .itemList .thumb {
    position: static;
    display: block;
    text-align: center;
}

    #detail #relatedItems .itemList .thumb img {
        width: 90px;
        height: 90px;
    }

#detail #relatedItems .itemList .price {
    display: inline-block;
    line-height: 1.2;
}

#detail #relatedItems .itemList .free {
    font-size: 12px;
    font-weight: bold;
}

#detail #relatedItems .itemList br {
    display: none;
}

/*body#item #recommend {display: none;}*/
body#item #recommend {
    display: block;
    margin-top: 25px;
}

body#item #history {
    margin-top: 15px;
}

#deliveryDate a {
    text-decoration: underline;
}

/* complement */
body#item #complement {
    zoom: 1;
    display: block;
    margin-bottom: 15px;
    clear: both;
    padding: 5px 0 0;
}

    body#item #complement:after {
        content: '';
        clear: both;
        display: block;
    }

    body#item #complement h2 {
        padding: 0 5px 5px;
        border-bottom: 1px solid #e8e8e8;
    }

    body#item #complement .itemList ul {
        letter-spacing: -.40em;
    }

    body#item #complement .itemList li {
        display: inline-block;
        width: 120px;
        margin: 0 5px;
        vertical-align: top;
        letter-spacing: normal;
        padding: 0;
        background: none;
        border: 0;
    }

    body#item #complement .itemList a {
        text-decoration: none;
    }

    body#item #complement .itemList .thumb {
        float: none;
        margin-right: 5px;
        position: static;
        text-align: center;
        display: block;
    }

    body#item #complement .itemList {
        width: 120px;
        margin-left: 10px;
    }

        body#item #complement .itemList .desc {
            display: block;
            padding-left: 0;
        }

        body#item #complement .itemList .name {
            font-size: 12px;
            text-decoration: none;
        }

        body#item #complement .itemList .price {
            margin-top: 5px;
            display: block;
            color: #000;
            position: relative;
            z-index: 2;
        }

    body#item #complement .thumb img {
        width: 90px;
        height: 90px;
    }

    body#item #complement .btn {
        width: 20px;
        font-size: 10px;
        line-height: 60px;
    }

    body#item #complement .disabled a {
        background: #ccc;
        cursor: default;
    }

/* ultimateBought */
body#item #ultimateBought {
    zoom: 1;
    display: block;
    margin-bottom: 15px;
    clear: both;
    padding: 5px 0 0;
}

    body#item #ultimateBought:after {
        content: '';
        clear: both;
        display: block;
    }

    body#item #ultimateBought h2 {
        padding: 0 5px 5px;
        border-bottom: 1px solid #e8e8e8;
    }

    body#item #ultimateBought .itemList ul {
        letter-spacing: -.40em;
    }

    body#item #ultimateBought .itemList li {
        display: inline-block;
        width: 120px;
        margin: 0 5px;
        vertical-align: top;
        letter-spacing: normal;
        padding: 0;
        background: none;
        border: 0;
    }

    body#item #ultimateBought .itemList a {
        text-decoration: none;
    }

    body#item #ultimateBought .itemList .thumb {
        float: none;
        margin-right: 5px;
        position: static;
        text-align: center;
        display: block;
    }

    body#item #ultimateBought .itemList {
        width: 120px;
        margin-left: 10px;
    }

        body#item #ultimateBought .itemList .desc {
            display: block;
            padding-left: 0;
        }

        body#item #ultimateBought .itemList .name {
            font-size: 12px;
            text-decoration: none;
        }

        body#item #ultimateBought .itemList .price {
            margin-top: 5px;
            display: block;
            color: #000;
            position: relative;
            z-index: 2;
        }

    body#item #ultimateBought .thumb img {
        width: 90px;
        height: 90px;
    }

    body#item #ultimateBought .btn {
        width: 20px;
        font-size: 10px;
        line-height: 60px;
    }

    body#item #ultimateBought .disabled a {
        background: #ccc;
        cursor: default;
    }

/* recommend */
body#item #recommend {
    zoom: 1;
    display: block;
    margin-bottom: 15px;
    clear: both;
    padding: 5px 0 0;
    border: none;
}

    body#item #recommend:after {
        content: '';
        clear: both;
        display: block;
    }

    body#item #recommend h2 {
        padding: 0 5px 5px;
        border-bottom: 1px solid #e8e8e8;
    }

    body#item #recommend .itemList ul {
        letter-spacing: -.40em;
    }

    body#item #recommend .itemList li {
        display: inline-block;
        width: 120px;
        margin: 0 5px;
        vertical-align: top;
        letter-spacing: normal;
        padding: 0;
        background: none;
        border: 0;
    }

    body#item #recommend .itemList a {
        text-decoration: none;
    }

    body#item #recommend .itemList .thumb {
        float: none;
        margin-right: 5px;
        position: static;
        text-align: center;
        display: block;
    }

    body#item #recommend .itemList {
        width: 120px;
        margin-left: 10px;
    }

        body#item #recommend .itemList .desc {
            display: block;
            padding-left: 0;
        }

        body#item #recommend .itemList .name {
            font-size: 12px;
            text-decoration: none;
        }

        body#item #recommend .itemList .price {
            margin-top: 5px;
            display: block;
            color: #000;
            position: relative;
            z-index: 2;
        }

    body#item #recommend .thumb img {
        width: 90px;
        height: 90px;
    }

    body#item #recommend .btn {
        width: 20px;
        font-size: 10px;
        line-height: 60px;
    }

    body#item #recommend .disabled a {
        background: #ccc;
        cursor: default;
    }

/* ranking */
#main .itemRanking {
    width: 100%;
    border: 0;
    border-top: 1px solid #eee;
    padding: 15px 0 5px;
}

    #main .itemRanking h1 {
        padding-left: 10px;
    }

    #main .itemRanking .itemList .thumb {
        margin-bottom: 10px;
    }

    #main .itemRanking .itemList .thumb {
        position: relative;
        width: 90px;
        left: 0;
        padding: 0;
    }

        #main .itemRanking .itemList .thumb img {
            width: 80px;
        }

    #main .itemRanking .itemList ul {
        margin-right: 0;
    }

    #main .itemRanking .itemList li {
        width: 20%;
        border-bottom: 1px solid #eee;
        background: none;
        border-bottom: 0;
        padding: 10px;
        display: inline-block;
        box-sizing: border-box;
        margin: 0;
    }

        #main .itemRanking .itemList li:after {
            left: 10px;
        }

        #main .itemRanking .itemList li:nth-child(4),
        #main .itemRanking .itemList li:nth-child(5) {
            display: block;
        }

    #main .itemRanking .itemList .name {
        margin-right: 0;
    }

body #main .itemRanking .itemList a {
    padding: 0;
    background: none;
    border-bottom: 0;
}

@media only screen and (max-width : 480px) {
    #main .itemRanking .itemList li {
        width: 33.33%;
    }

        #main .itemRanking .itemList li:nth-child(4),
        #main .itemRanking .itemList li:nth-child(5) {
            display: none;
        }
}

/* general include */
#detail .includeDetail.section {
    display: block;
}

    #detail .includeDetail.section .multiDeviceInc {
        display: block;
    }
/*#detail .includeDetail.section > * {display:none;}*/
#detail .multiDeviceInc h1 {
    font-size: 18px;
    padding: 0 0 10px;
    margin: 0;
}

#detail .multiDeviceInc section section > h1, #detail .multiDeviceInc aside h1 {
    font-size: 15px;
    margin: 0;
}

.multiDeviceInc {
    padding: 0 10px;
    width: auto;
    margin-left: -20px;
    margin-right: -20px;
}

    .multiDeviceInc > * {
        margin-top: 20px;
    }

    .multiDeviceInc a {
        text-decoration: underline;
    }

    .multiDeviceInc .relatedLink a {
        text-decoration: none;
    }

    .multiDeviceInc aside {
        padding: 10px;
    }

    .multiDeviceInc figure {
        text-align: center;
    }

    .multiDeviceInc img {
        margin: 0 auto 5px;
        display: block;
        height: auto;
    }

    .multiDeviceInc .column2, .multiDeviceInc .column3, .multiDeviceInc .column4 {
        width: 100%;
        display: table;
    }

    .multiDeviceInc .colWrap {
        display: table-cell;
        float: none;
        text-align: center;
        width: auto;
    }

        .multiDeviceInc .colWrap.variableL {
            width: 124px;
        }

        .multiDeviceInc .colWrap.variableR {
            width: 100%;
            text-align: left;
        }

    .multiDeviceInc .col {
        width: auto;
        text-align: left;
    }

    .multiDeviceInc .colWrap:first-child .col {
        margin-left: 0;
    }

    .multiDeviceInc .column2 .col {
        margin-left: 10px;
    }

    .multiDeviceInc .column3 .col {
        margin-left: 9px;
    }

    .multiDeviceInc .column4 .col {
        margin-left: 8px;
    }

    .multiDeviceInc .column2 img {
        width: 124px;
    }

    .multiDeviceInc .column3 img {
        width: 81px;
    }

    .multiDeviceInc .column4 img {
        width: 59px;
    }

    .multiDeviceInc *.row {
        display: block;
    }

        .multiDeviceInc *.row .col {
            width: 100%;
            margin-left: 0;
        }

    .multiDeviceInc .row figure {
        float: left;
    }

    .multiDeviceInc .row .colWrap {
        width: 100%;
        text-align: left;
        display: block;
    }

    .multiDeviceInc th, .multiDeviceInc td {
        padding: 5px;
    }

/* coordinate include */
.includeDetail .coordinate img {
    margin: 0;
}

.includeDetail .coordinate li + li {
    margin-top: 10px;
}

.includeDetail .coordinate .column2 + ul {
    margin-top: 12px;
}

/* found MUJI Market include */
#fmmArticle img {
    width: 260px;
}

#fmmMaker img {
    width: 124px;
}

#fmmMaker p {
    overflow: visible;
}

#fmmArticle figure, #fmmMaker figure {
    width: auto;
    text-align: left;
}

#fmmArticle figcaption, #fmmMaker figcaption {
    overflow: hidden;
}

#detail #fmmRelatedLink h1 {
    font-size: 16px;
}

#fmmRelatedLink ul {
    margin-top: 0;
}

#detail table.vertical th, #detail table.vertical td {
    padding: 5px;
}

/* flipsnap */
body#item #picture {
    height: 380px;
}

body#item .viewport {
    width: 320px;
    height: 320px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}

body#item .flipsnap {
    width: 5760px;
}

    body#item .flipsnap:after {
        content: '';
        display: block;
        clear: both;
        height: 0;
    }

body#item #mainPicture {
    width: 320px;
    text-align: center;
    float: left;
    position: relative;
}

body#item #picture #thumbnails ul {
    text-align: center;
    padding: 20px 0;
}

body#item #picture #thumbnails li a {
    display: none;
}

body#item #picture #thumbnails li {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #ccc;
}

    body#item #picture #thumbnails li.current {
        background: #000;
    }

body#item #picture #mainPictures #mainPicture img {
    width: 320px;
    height: auto;
}

body#item #picture #mainPictures #mainPicture div img {
    width: 75px;
}

body#item #picture {
    -webkit-tap-highlight-color: transparent;
}

/*----------------------------------------------------
 shopstock
----------------------------------------------------*/

body#shopstock {
    width: auto;
}

    body#shopstock .pageTop {
        display: none;
    }

    body#shopstock .status {
        width: 30%;
    }

/*----------------------------------------------------
 storestock
----------------------------------------------------*/

body#storestock {
    width: auto;
}

    body#storestock dt {
        width: 5em;
    }

    body#storestock .submit {
        margin-left: 5em;
    }


/*----------------------------------------------------
 login
----------------------------------------------------*/

body#login #main h1 {
    padding: 5px 0;
}

body#login #main {
    margin: 10px 10px 0;
}

    body#login #main #member h2 {
        display: none;
    }

    body#login #main #guest h2 {
        font-size: 14px;
    }

    body#login #main h3 {
        font-size: 12px;
    }

body#login #member {
    border: 0;
    padding: 0;
}

body#login #guest {
    padding: 10px;
}

    body#login #guest .note {
        padding: 10px 0 10px 10px;
    }

body#login .focus dl {
    margin-top: 0;
}

    body#login .focus dl dt {
        float: none;
        width: auto;
        margin: 0;
        padding: 0;
        text-align: left;
    }

    body#login .focus dl dd {
        margin: 0 0 5px 0;
        padding: 3px 0;
    }

body#login #goReminder {
    text-align: center;
    margin-bottom: 0;
}

body#login .submit {
    margin: 10px auto;
}

body#login #member input:not([type="checkbox"]) {
    width: 97%;
    font-size: 16px;
    padding: .4em 0 .4em 5px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 1px solid #adadad;
    -webkit-appearance: none;
    line-height: 1.4;
}

body#login #autoLogin {
    margin-left: 0;
    text-align: center;
}

/*----------------------------------------------------
 logout
----------------------------------------------------*/
body#logout #main h1 {
    padding: 5px 0;
}

body#logout #main {
    margin: 10px 10px 0;
    position: relative;
}

body#logout .submit {
    margin: 10px auto;
}

body#logout .section {
    margin: 10px auto 20px;
    background-color: #eee;
    padding: 10px;
}

body#logout .prevNext .prev {
    position: absolute;
    left: 0;
    bottom: 0;
}

/*----------------------------------------------------
 userAuth
----------------------------------------------------*/
body#userAuth #main h1 {
    padding: 5px 0;
}

body#userAuth #main {
    margin: 10px 10px 0;
}

body#userAuth #member {
    border: 0;
    padding: 0;
}

body#userAuth .focus dl {
    margin-top: 0;
}

    body#userAuth .focus dl dt {
        float: none;
        width: auto;
        margin: 0;
        padding: 0;
        text-align: left;
    }

    body#userAuth .focus dl dd {
        margin: 0 0 5px 0;
        padding: 3px 0;
    }

body#userAuth #goReminder {
    text-align: center;
    margin-bottom: 0;
}

body#userAuth .submit {
    margin: 10px auto;
}

body#userAuth #member input:not([type="checkbox"]) {
    width: 97%;
    font-size: 16px;
    padding: .4em 0 .4em 5px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 1px solid #adadad;
    -webkit-appearance: none;
    line-height: 1.4;
}

body#userAuth dd#email span {
    font-size: 15px;
    color: #999;
    display: block;
    word-break: break-all;
    word-wrap: break-word;
}

body#userAuth label /* .memberEmail */ {
    display: none;
}

body#userAuth p#goLogout a {
    text-decoration: underline;
}

/*----------------------------------------------------
reminder
----------------------------------------------------*/
body#reminder #main h1 {
    padding: 5px 0;
}

body#reminder #main {
    margin: 10px 10px 0;
}

body#reminder .submit {
    margin: 10px auto;
}

body#reminder input {
    width: 97%;
    font-size: 16px;
    padding: .4em 0 .4em 5px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 1px solid #adadad;
    -webkit-appearance: none;
    line-height: 1.4;
}

body#reminder .focus dt {
    float: none;
    width: 100%;
}

body#reminder .focus dd {
    margin: 5px 0 10px 0;
    padding: 0;
}

body#reminder .annotation a, body#reminder .prev a {
    text-decoration: underline;
}

body#reminderComplete #main {
    margin: 10px 10px 0;
}

body#reminderComplete h1 {
    margin-left: -10px;
}

body#reminderComplete .goBack a {
    text-decoration: underline;
}

/*----------------------------------------------------
categoryList
----------------------------------------------------*/
body#categoryList #main h2,
body#categoryList #main h3,
body#categoryList #main ul li {
    display: block;
    padding: 20px 10px;
    border-bottom: 1px solid #ddd7c7;
    font-size: 12px;
    margin-bottom: 0;
    font-weight: normal;
}

body#categoryList #main .skipNav {
    display: none;
}

body#categoryList .section .pageTop {
    display: none;
    margin: 0;
}

body#categoryList #main h2 {
    background: url(//www.muji.net/cache/m/img/arrow_down.png) 95% center no-repeat #f5eedd;
    font-weight: bold;
    -webkit-background-size: 13px 10px, auto;
    margin: 0;
}

body#categoryList #main h3 {
    background: url(//www.muji.net/cache/m/img/arrow_down.png) 95% center no-repeat #eee;
    -webkit-background-size: 13px 10px;
}

    body#categoryList #main h3 a {
        pointer-events: none;
    }

body#categoryList #main ul {
    margin: 0;
    letter-spacing: normal;
}

    body#categoryList #main ul li {
        width: 139px;
        margin: 0;
        border-right: 1px solid #eee;
        border-bottom: 1px solid #eee;
        display: inline-block;
        word-wrap: break-word;
        word-break: break-all;
        background: url(//www.muji.net/cache/m/img/arrow.png) 95% center no-repeat #fff;
        -webkit-background-size: 10px 13px;
    }

body#categoryList #main .category ul li a {
    background: none;
    position: relative;
    display: block;
    padding: 0;
}

body#categoryList #main .category {
    margin: 0;
    width: 100%;
}

body#categoryList #main .section {
    margin: 0;
}

body#categoryList #main section {
    margin-right: 0;
}

body#categoryList #main .headOpen {
    background: url(//www.muji.net/cache/m/img/arrow_up.png) no-repeat 95% center, -webkit-gradient(linear, left top, left bottom, from(#f5eedd), to(#f5ddcc));
    -webkit-background-size: 13px 10px, auto;
}

body#categoryList #main .headClose {
    background: url(//www.muji.net/cache/m/img/arrow_down.png) no-repeat 95% center, -webkit-gradient(linear, left top, left bottom, from(#f5eedd), to(#f5ddcc));
    -webkit-background-size: 13px 10px, auto;
}

body#categoryList #main .contentOpen {
    background: url(//www.muji.net/cache/m/img/arrow_up.png) 95% center no-repeat #eee;
    -webkit-background-size: 13px 10px, auto;
}

body#categoryList #main .contentClose {
    background: url(//www.muji.net/cache/m/img/arrow_down.png) 95% center no-repeat #eee;
    -webkit-background-size: 13px 10px, auto;
}


/*----------------------------------------------------
cmdty My muji
----------------------------------------------------*/
/*body#item .skipToComment {display: none;}*/
body#item .postReview textarea {
    width: 97%;
    font-size: 16px; /*padding: .4em 0 .4em 5px;*/
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 1px solid #adadad;
    -webkit-appearance: none;
    line-height: 1.4;
    height: 35px;
}

body#item .coin a {
    text-decoration: underline;
}

body#signin .content {
    position: absolute;
    left: 130px;
    top: 150px;
    width: 200px;
    height: auto;
}

    body#signin .content .lead {
        margin-bottom: 10px;
        font-size: 12px;
    }

    body#signin .content h1 {
        font-weight: bold;
        font-size: 15px;
        margin-bottom: 10px;
    }

body#signin .connect li a {
    width: 120px;
}

body#signin .connect .btn.standby {
    background-image: none;
    padding-left: 10px;
}

/*----------------------------------------------------
leave
----------------------------------------------------*/
body#leave #main {
    margin: 10px 10px 0;
}

body#leave .submit {
    margin: 20px auto;
}

body#leave input {
    width: 97%;
    font-size: 16px;
    padding: .4em 0 .4em 5px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 1px solid #adadad;
    -webkit-appearance: none;
    line-height: 1.4;
}

body#leave .focus dt {
    float: none;
    width: 100%;
}

body#leave .focus dd {
    margin: 5px 0 10px 0;
    padding: 0;
}

body#leave .prev a {
    text-decoration: underline;
}

body#leave #main h1 {
    margin-left: -10px;
}

body#leave #goReminder {
    margin: 10px auto;
    width: 50%;
    text-align: center;
}

    body#leave #goReminder a {
        text-decoration: underline;
    }

body#leave .note {
    padding-bottom: 0;
    margin-top: 20px;
}

    body#leave .note dt {
        margin-top: 10px;
        font-weight: bold;
    }

    body#leave .note dd span {
        width: 90%;
        display: inline-block;
    }

body#leave .focus dl dt {
    text-align: left;
}

body#leave p.lead {
    font-size: 11px;
    margin-bottom: 10px;
}

/*----------------------------------------------------
leaveConfirm
----------------------------------------------------*/
body#leaveConfirm #main {
    margin: 10px 10px 0;
}

body#leaveConfirm .submit {
    margin: 10px auto;
}

body#leaveConfirm input {
    width: 97%;
    font-size: 16px;
    padding: .4em 0 .4em 5px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 1px solid #adadad;
    -webkit-appearance: none;
    line-height: 1.4;
}

body#leaveConfirm .prev a {
    text-decoration: underline;
}

body#leaveConfirm #main h1 {
    margin-left: -10px;
}

body#leaveConfirm .prevNext li {
    height: 50px;
}

body#leaveConfirm .prevNext {
    position: relative;
}

body#leaveConfirm #backButton {
    position: absolute;
    top: 40px;
}

body#leaveConfirm p.lead {
    font-size: 11px;
    margin-bottom: 10px;
}

body#leaveConfirm #subConfirm a {
    text-decoration: underline;
}

body#leaveConfirm table.vertical th {
    width: 7em;
}


/*----------------------------------------------------
leaveComplete
----------------------------------------------------*/
body#leaveComplete #main {
    margin: 10px 10px 0;
}

body#leaveComplete .goBack a {
    text-decoration: underline;
}

body#leaveComplete #main h1 {
    margin-left: -10px;
}

body#leaveComplete p.lead {
    font-size: 11px;
    margin-bottom: 30px;
}

/*----------------------------------------------------
factory outlet
----------------------------------------------------*/
body#T00015_2 #main {
    margin: 10px 10px 0;
    min-height: 80px;
}

body#T00015_2 #login {
    padding: 10px;
    border: 0;
}

    body#T00015_2 #login p {
        margin-bottom: 30px;
    }

        body#T00015_2 #login p a {
            text-decoration: underline;
            width: 100%;
            text-align: center;
            display: inline-block;
            margin-top: 10px;
        }

body#T00015_2 h1 {
    display: none;
}

body#T00015_2 h2 {
    font-size: 12px;
}

body#T00015_2 .submit {
    margin: 10px auto;
}

body#T00015_2 p.lead {
    font-size: 11px;
}

body#T00015 #freeShippingCategory h2 {
    width: 100%;
    margin-bottom: 0;
}

body#T00015 #subCategory h3 {
    margin-left: 10px;
    border: 0;
}

body#T00015 #subCategory {
    border: 0;
    width: auto;
    margin: 10px 0 30px;
    padding: 0;
}

    body#T00015 #subCategory ul {
        margin-top: 0;
        border-top: 1px solid #eee;
        letter-spacing: -.40em;
    }

    body#T00015 #subCategory li {
        width: 158px;
        vertical-align: top;
        border-bottom: 1px solid #eee;
        border-right: 1px solid #eee;
        border-radius: none;
        background-color: #fff;
        margin-right: 1px;
    }

        body#T00015 #subCategory li a {
            position: relative;
            display: block;
            padding: 10px 0 0 40px;
            min-height: 50px;
            background: url(/cache/m/img/arrow.png) no-repeat 95% center, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
            -webkit-background-size: 10px 13px, auto;
            width: 118px;
            border-radius: none;
            overflow: hidden;
        }

            body#T00015 #subCategory li a:hover {
                opacity: 1;
            }

    body#T00015 #subCategory .img {
        display: block;
        position: absolute;
        top: 5px;
        background-repeat: none;
        *z-index: -1;
    }

    body#T00015 #subCategory .img1 {
        left: 0;
        background-repeat: no-repeat;
        margin-left: 0;
    }

    body#T00015 #subCategory ul li a .name {
        display: block;
        background: none;
        padding-right: 18px;
    }

body#T00015 #promotion.section.single, #T00015_2 #promotion.section.single {
    display: block;
}

body#T00015 .image, #T00015_2 .image {
    float: none;
    width: 280px;
    margin: 0 auto;
}

body#T00015 .description, #T00015_2 .description {
    margin: 10px 10px 0;
}

body#T00015 #main #promotion h2, #T00015_2 #main #promotion h2 {
    background: #fff;
    color: #191919;
    margin: 0 0 5px -5px;
    border: 0;
    font-size: 12px;
}

body#T00015 h1 {
    display: none;
}

/*----------------------------------------------------
sitemap
----------------------------------------------------*/
body#siteMap .main {
    margin: 0;
}

body#siteMap h1 {
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
    margin: 0;
    text-indent: 0;
    border-bottom: 0;
    background: none;
    text-indent: 0;
}

body#siteMap h2 {
    font-size: 12px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin-bottom: 0;
    min-height: 20px;
    background: #ccc;
}

    body#siteMap h2.mobileOnly {
        padding: 10px;
    }

    body#siteMap h2 a {
        background: url(/cache/m/img/arrow.png) no-repeat 95% center, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
        -webkit-background-size: 10px 13px, auto;
        position: relative;
        display: block;
        padding: 20px 0 0 20px;
        min-height: 40px;
    }

body#siteMap .categorybox {
    margin: 0 0 20px 0;
    border: 0;
    padding-top: 0;
    width: 100%;
}

body#siteMap ul.entryTitle, #siteMap ul.relatedLink {
    width: 100%;
    font-size: 0;
    overflow: hidden;
}

    body#siteMap ul.entryTitle li, #siteMap ul.relatedLink li {
        border-bottom: 1px solid #eee;
        border-right: 1px solid #eee;
        font-size: 12px;
        padding-bottom: 0;
        width: 33.33%;
        height: 56px;
        float: left;
        display: table;
        box-sizing: border-box;
    }

        body#siteMap ul.entryTitle li a, #siteMap ul.relatedLink li a {
            display: table-cell;
            position: relative;
            padding: 0 24px 0 20px;
            vertical-align: middle;
            background: url(/cache/m/img/arrow.png) no-repeat 95% center #fff;
            -webkit-background-size: 10px 13px;
        }

body#siteMap ul.relatedLink li {
    font-weight: normal;
}

@media only screen and (max-width : 480px) {
    body#siteMap ul.entryTitle li, #siteMap ul.relatedLink li {
        width: 50%;
    }
}

/*----------------------------------------------------
firstUser
----------------------------------------------------*/
body#firstUser p {
    margin: 10px;
}

body#firstUser #firstUserInfo li a {
    border-bottom: 1px solid #eee;
    position: relative;
    display: block;
    padding: 20px 15px 20px 30px;
    margin: 0;
    background: url(//www.muji.net/cache/m/img/arrow.png) no-repeat 95% center, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
    -webkit-background-size: 10px 13px, auto;
}

body#firstUser #firstUserInfo li:first-child {
    border-top: 1px solid #eee;
}

body#firstUser .submit {
    margin: 20px auto;
}

/*----------------------------------------------------
campaignList
----------------------------------------------------*/

body#campaignList ul.campaignList {
    margin: 0;
}

body#campaignList #campaign.section h1 {
    padding-left: 10px;
}

body#campaignList .campaignList li {
    width: 33.33%;
    height: auto;
    margin: 0;
    background-color: #FFF;
    padding: 10px;
    box-sizing: border-box;
}

    body#campaignList .campaignList li img {
        width: 100%;
        height: auto;
        border: 1px solid #eee;
    }

    body#campaignList .campaignList li a:hover img {
        opacity: 0.8;
    }

@media only screen and (max-width : 480px) {
    body#campaignList .campaignList li {
        width: 50%;
    }
}

/*----------------------------------------------------
skipNav
----------------------------------------------------*/
.skipNav li a {
    padding: 5px 5px 5px 20px;
    background: url(//www.muji.net/cache/img/common/arrow_down.png) no-repeat 8px center;
}

.skipNav li:last-child a {
    border: 0;
}

.skipNav .current a, #snSection1 .skipNav .snLink1 a, #snSection2 .skipNav .snLink2 a, #snSection3 .skipNav .snLink3 a, #snSection4 .skipNav .snLink4 a, #snSection5 .skipNav .snLink5 a, #snSection6 .skipNav .snLink6 a, #snSection7 .skipNav .snLink7 a, #snSection8 .skipNav .snLink8 a, #snSection9 .skipNav .snLink9 a, #snSection10 .skipNav .snLink10 a {
    background: #F4F4F4;
    color: #999;
    cursor: default;
    padding: 5px;
}


/*----------------------------------------------------
 footer
----------------------------------------------------*/

#footer {
    margin-top: 20px;
}

#storeFooterWrap,
#footerNav {
    display: none;
}

#snCategory {
    margin-bottom: 0;
}

    #snCategory #snBanner,
    #snCategory #snCategoryList,
    #snCategory ul {
        display: none;
    }

    #snCategory ul {
        display: block;
    }

#mobileNav {
    display: block;
}

    #snCategory h2,
    #snCategory ul li h3,
    #snCategory ul li a,
    #mobileNav li a {
        display: block;
        padding: 20px 10px;
        border-bottom: 1px solid #ddd7c7;
        font-size: 12px;
        margin-bottom: 0;
        font-weight: normal;
    }

#snCategory h2 {
    background: url(/cache/m/img/arrow_down.png) 95% center no-repeat #f5eedd;
    font-weight: bold;
    -webkit-background-size: 13px 10px, auto;
}

#snCategory ul {
    display: none;
}

    #snCategory ul li h3 {
        background: url(/cache/m/img/arrow_down.png) 95% center no-repeat #eee;
        -webkit-background-size: 13px 10px;
    }

    #snCategory ul li a {
        background: url(/cache/m/img/arrow.png) 95% center no-repeat #fff;
        -webkit-background-size: 10px 13px;
    }

#mobileNav li a {
    background: url(/cache/m/img/arrow.png) 95% center no-repeat #f5eedd;
    -webkit-background-size: 10px 13px;
}

#pageEnd {
    padding: 0 10px;
}

#copyright {
    margin-bottom: 0;
    text-align: center;
}

/*
#snCategory ul {display: block;}
#snCategory ul ul {display: none;}
#snCategory h2 {background: url(/m/img/arrow_up.png) 95% center no-repeat #f5eedd;}
#snCategory .D00010 h3 {background: url(/m/img/arrow_up.png) 95% center no-repeat #eee;}
#snCategory .D00010 ul {display: block;}
*/

#snCategory .headOpen {
    background: url(/cache/m/img/arrow_up.png) no-repeat 95% center, -webkit-gradient(linear, left top, left bottom, from(#f5eedd), to(#f5ddcc));
    -webkit-background-size: 13px 10px, auto;
}

#snCategory .headClose {
    background: url(/cache/m/img/arrow_down.png) no-repeat 95% center, -webkit-gradient(linear, left top, left bottom, from(#f5eedd), to(#f5ddcc));
    -webkit-background-size: 13px 10px, auto;
}

#snCategory .contentOpen {
    background: url(/cache/m/img/arrow_up.png) 95% center no-repeat #eee;
    -webkit-background-size: 13px 10px;
}

#snCategory .contentClose {
    background: url(/cache/m/img/arrow_down.png) 95% center no-repeat #eee;
    -webkit-background-size: 13px 10px;
}

#snCategory .D00007 + .D00008 {
    display: none;
}

#footer #snCategory .snGuide,
#footer #snCategory .snStoretop {
    display: none;
}

#history .thumb {
    display: block;
    text-align: center;
    padding: 3px;
}

    #history .thumb img {
        width: 90px;
        height: 90px;
    }

#history .itemList {
    margin-left: 10px;
}

    #history .itemList li {
        width: 120px;
    }

    #history .itemList .name {
        text-decoration: none;
    }

    #history .itemList .thumb {
        float: none;
    }

    #history .itemList .desc {
        padding-left: 0;
    }

    #history .itemList .price {
        margin-left: 0;
    }

/* section/X00001 */
body#X00001 #rcmdCategory {
    width: auto;
    border: 0;
    padding: 0;
    margin: 10px 0 30px;
}

    body#X00001 #rcmdCategory h1 {
        display: none;
    }

    body#X00001 #rcmdCategory ul {
        margin-right: 0;
        margin-top: 0;
        letter-spacing: -.40em;
        border-top: 1px solid #eee;
    }

    body#X00001 #rcmdCategory li {
        display: inline-block;
        letter-spacing: normal;
        margin: 0;
        width: 33.33%;
        border-top: 0;
        padding-top: 0;
        border-bottom: 1px solid #eee;
        border-right: 1px solid #eee;
        border-left: 0;
        box-sizing: border-box;
    }

@media only screen and (max-width : 480px) {
    body#X00001 #rcmdCategory li {
        width: 50%;
    }
}

body#X00001 #rcmdCategory li a {
    display: block;
    min-height: 60px;
    padding: 10px 15px 0px 60px;
    background: url(https://www.muji.net/cache/m/img/arrow.png) no-repeat 95% center, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9)) -webkit-background-size: 10px 13px, auto;
    border: 0;
}

body#X00001 #rcmdCategory ul li a .name {
    display: block;
    background: none;
    padding: 0;
    margin: 0;
}

body#X00001 #rcmdCategory .img {
    display: block;
    position: absolute;
    top: 0;
    width: 55px;
    height: 60px;
    background-repeat: none;
    margin: 0;
}

body#X00001 #rcmdCategory .img1 {
    left: 0;
    width: 55px;
    background-position: 5px 10px;
    background-repeat: no-repeat;
    margin-left: 0;
    float: none;
}

body#X00001 #promotion figure {
    padding: 0;
}

    body#X00001 #promotion figure.otegoro img {
        border: none;
    }


/*----------------------------------------------------
 ERROR 
----------------------------------------------------*/

#error #main {
    min-height: 150px;
}

    #error #main p {
        margin: 50px 10px;
    }

/*----------------------------------------------------
 mypage 
----------------------------------------------------*/

body#mypage .aside {
    float: none;
}

body#mypage #message {
    width: auto;
    margin: 10px 10px 0;
}

body#mypage #main {
    width: 100%;
}

    body#mypage #main h2 {
        font-size: 12px;
        background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#555));
        color: #fff;
        text-indent: 0;
        border-bottom: 1px solid #eee;
        padding: 5px;
        margin-bottom: 20px;
    }

/* pickForYou,newArrival,history */
body#mypage #history, body#mypage #pickForYou, body#mypage #newArrival {
    zoom: 1;
    display: block;
    margin-top: 15px;
}

body#mypage #pickForYou, body#mypage #newArrival {
    border-top: 0;
}

    body#mypage #history:after, body#mypage #pickForYou:after, body#mypage #newArrival:after {
        content: '';
        clear: both;
        display: block;
    }

body#mypage #history, body#mypage #pickForYou, body#mypage #newArrival {
    clear: both;
    padding: 5px 0 0;
}

    body#mypage #pickForYou h2, body#mypage #newArrival h2 {
        font-size: 14px;
        padding: 0 10px 5px;
        border-bottom: 1px solid #e8e8e8;
        margin-bottom: 10px;
        background: none;
        color: #333;
    }

    body#mypage #history h2 {
        padding: 0 10px 5px;
    }

    body#mypage #history .itemList ul, body#mypage #pickForYou .itemList ul, body#mypage #newArrival .itemList ul {
        letter-spacing: -.40em;
    }

    body#mypage #history .itemList li, body#mypage #pickForYou .itemList li, body#mypage #newArrival .itemList li {
        display: inline-block;
        width: 120px;
        margin: 0 5px;
        vertical-align: top;
        letter-spacing: normal;
        padding: 0;
        background: none;
        border: 0;
    }

    body#mypage #history .itemList a, body#mypage #pickForYou .itemList a, body#mypage #newArrival .itemList a {
        text-decoration: none;
    }

    body#mypage #history .itemList .thumb, body#mypage #pickForYou .itemList .thumb, body#mypage #newArrival .itemList .thumb {
        float: none;
        margin-right: 5px;
        position: static;
        text-align: center;
        display: block;
    }

    body#mypage #history .itemList, body#mypage #pickForYou .itemList, body#mypage #newArrival .itemList {
        width: 120px;
        margin-left: 10px;
        padding: 0;
    }

        body#mypage #history .itemList .desc, body#mypage #pickForYou .itemList .desc, body#mypage #newArrival .itemList .desc {
            display: block;
            padding-left: 0;
        }

        body#mypage #history .itemList .name, body#mypage #pickForYou .itemList .name, body#mypage #newArrival .itemList .name {
            font-size: 11px;
            text-decoration: none;
        }

        body#mypage #history .itemList .price, body#mypage #pickForYou .itemList .price, body#mypage #newArrival .itemList .price {
            margin-top: 5px;
            display: block;
            color: #000;
            position: relative;
            z-index: 2;
        }

    body#mypage #history .thumb img, body#mypage #pickForYou .thumb img, body#mypage #newArrival .thumb img {
        width: 90px;
        height: 90px;
    }

body#mypage #function {
    width: 100%;
    float: none;
    margin-top: 10px;
}

    body#mypage #function .section {
        width: 100%;
    }

    body#mypage #function h2 {
        margin-bottom: 0;
    }

    body#mypage #function ul {
        margin-left: 0;
    }

    body#mypage #function ul {
        border-top: 1px solid #eee;
    }

    body#mypage #function li {
        display: inline-block;
        margin: 0;
        width: 33.33%;
        border-top: 0;
        padding-top: 0;
        box-sizing: border-box;
        border-bottom: 1px solid #eee;
        border-right: 1px solid #eee;
    }

        body#mypage #function li a {
            background: url(/cache/m/img/arrow.png) no-repeat 95% center;
            min-height: 50px;
            width: 20%;
            -webkit-background-size: 10px 13px;
            position: relative;
            display: table-cell;
            padding: 0 20px 0 10px;
            height: 50px;
            vertical-align: middle;
        }

@media only screen and (max-width : 480px) {
    body#mypage #function li {
        width: 50%;
    }
}

body#mypage #news, body#mypage #donation {
    display: none;
}

body#mypage #userInfo {
    padding: 0;
    background: #FFF;
    border: none;
}

    body#mypage #userInfo:before {
        border: 0;
    }

body#mypage #campaign {
    width: auto;
    float: none;
}

    body#mypage #campaign .mobileOnly {
        margin: 10px 0 0;
        text-align: center;
    }

        body#mypage #campaign .mobileOnly img {
            width: 300px;
        }

body#mypage #greeting {
    text-align: center;
}

body#mypage #passport {
    background: #eee;
}

body#mypage #myCoupon {
    border: 1px solid #ccc;
    border-radius: 3px;
    margin: 5px 0;
}

    body#mypage #myCoupon ul li.desc {
        border-top: #e7e7e7 1px solid;
    }

        body#mypage #myCoupon ul li.desc:first-child {
            border-top: none;
        }

        body#mypage #myCoupon ul li.desc a {
            background: none;
        }

        body#mypage #myCoupon ul li.desc a {
            background: url(/cache/m/img/arrow.png) no-repeat 97% center;
            min-height: 60px;
            -webkit-background-size: 10px 13px;
            position: relative;
            padding: 0 30px 0 20px;
            height: auto;
            vertical-align: middle;
            width: auto;
        }

body#mypage li img {
    width: 100%;
}

body#mypage #recommend {
    width: 100%;
}



/* #HeaderTopBanner */
#HeaderTopBanner {
    text-align: center;
    background: #fff;
    position: relative;
    border-bottom: 1px solid #eee;
    width: 100%;
}

    #HeaderTopBanner a {
        display: inline-block;
        color: #7f0019;
        font-size: 11px;
        line-height: 1.3;
        padding-top: 2px;
    }

        #HeaderTopBanner a:hover {
            color: #7f0019;
        }

    #HeaderTopBanner .title,
    #HeaderTopBanner .period {
        display: inline-block;
        text-align: left;
        width: 215px;
        vertical-align: middle;
        margin-bottom: 2px;
        font-size: .9em;
    }

    #HeaderTopBanner.mujiWeek img {
        width: 120px;
        height: auto;
        margin: 3px 0;
        display: inline-block;
        vertical-align: middle;
    }

    #HeaderTopBanner.freeSipping img {
        width: 200px;
        height: auto;
        margin: 3px 0 1px;
        display: inline-block;
        vertical-align: middle;
    }

    #HeaderTopBanner span.limited {
        line-height: 1.2;
        text-align: left;
        font-size: 10px;
        display: inline-block;
        vertical-align: middle;
        color: #fff;
        background-color: #7f0019;
        padding: 4px 5px;
        border-radius: 2px;
    }

    #HeaderTopBanner span.off {
        font-weight: bold;
        font-size: 20px;
        margin: 3px 3px 3px 0;
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
    }

    #HeaderTopBanner span.brackets-before {
        letter-spacing: -5px;
    }

    #HeaderTopBanner span.brackets-after {
        letter-spacing: -5px;
    }

    #HeaderTopBanner .title:after {
        content: "";
        display: block;
        clear: both;
    }

body#login.mujicard #member dd br {
    display: none;
}
